<template>
  <view class="login-page">
    <view class="login-logo">
      <image src="../../static/logo.png" mode=""></image>
      <view class="logo-name">品牌logo</view>
      <view class="logo-label">品牌文案</view>
    </view>
    <up-button type="primary" shape="circle" color="#FF416C" icon="weixin-fill" size="large" text="微信一键登录"></up-button>

  </view>
</template>

<script setup>
</script>

<style lang="less" scoped>
  page {
    background-color: #fff;
  }

  .login-page {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: 0 48rpx;
    justify-content: space-around;

    .login-logo {
      display: flex;
      flex-direction: column;
      align-items: center;

      image {
        width: 176rpx;
        height: 176rpx;
        opacity: 1;
        border-radius: 50%;
        background: #CCCCCC;
      }

      .logo-name {
        font-size: 40rpx;
        font-weight: 400;
        color: rgba(0, 0, 0, 1);
        margin-top: 32rpx;
      }

      .logo-label {
        font-size: 28rpx;
        font-weight: 400;
        color: rgba(102, 102, 102, 1);
        margin-top: 20rpx;
      }
    }

    .login-btn {
      width: 654rpx;
      height: 96rpx;
      border-radius: 290rpx;
      background: #FF416C;
      font-size: 32rpx;
      font-weight: 500;
      line-height: 96;
      color: rgba(255, 255, 255, 1);
      text-align: center;
    }
  }
</style>